<template>
  <el-container>
    <el-header>
      <div id="username" class="top_tag">
        <el-link>请登录</el-link>
        <el-link>注册</el-link>
      </div>
      <div class="top_tag">
        <el-link @click="doExit">退出</el-link>
      </div>
    </el-header>
    <el-main>
      <table style="width: 100%">
        <tr>
          <td style="width: 25%"></td>
          <td>
            <div style="display: flex">
              <el-input
                  v-model="searchData"
                  placeholder="商品名称"
                  class="input-with-select"
              >
                <template #append>
                  <el-button @click="search">
                    <el-icon><Search/></el-icon>
                  </el-button>
                </template>
              </el-input>
            </div>
          </td>
          <td style="width: 25%"></td>
        </tr>
      </table>
    </el-main>
    <el-footer>
      <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
        <el-menu-item index="1">处理中心</el-menu-item>
        <el-sub-menu>
          <template v-slot:title>导航1</template>
          <el-menu-item>子菜单1</el-menu-item>
          <el-menu-item>子菜单2</el-menu-item>
          <el-menu-item>子菜单3</el-menu-item>
        </el-sub-menu>
        <el-menu-item index="3" disabled>消息中心</el-menu-item>
        <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
      </el-menu>
    </el-footer>
  </el-container>
</template>

<script>
export default {
  name: "test"
}
</script>

<style scoped>

</style>